<template>
	<span v-if="text" class="badge" :style="{backgroundColor:bgColor,color:textColor}">
		{{text}}
	</span>
</template>
<style scoped="scoped">
	.badge{
		position: absolute;
		right:0;
		top:0;
		transform: translate(-50%,-30%);
		padding: 0 5px;
		border-radius: .2rem;
		font-size: .18rem;
	}
</style>

<script>
	export default{
		props:{
			text:{
				type:[String,Number],
				default:''
			},
			bgColor:{
				type:String,
				default:'#ff0000'
			},
			textColor:{
				type:String,
				default:'#ffffff'
			}
		}
	}
</script>

<style>
</style>
